<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
  <h1>用户登录</h1>
  用户名：<input name="userName" type="text" id="userName"><br>
  密码：<input name="password" type="passWord" id="passWord"><br>
  <input type="button" value="登录" onclick="login()">
  
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script>
      function login() {
            $.ajax({
                  type: "post",
                  url: "/user/login",
                  data: {
                    "userName": $("#userName").val(),
                    "passWord": $("#passWord").val()
                  },
                  success: function (result) {
                  if (result) {
                    location.href = "/index.html"
                  } else {
                    alert("账号或密码有误.");
                  }
            }
      });
 }
  </script>
</body>

</html>